<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JavaScript 弹窗-警告框</title>
    <script>
        function myFunction() {
            alert("你好，我是一个警告框！");
        }
    </script>
</head>

<body>
    <!-- 可以在 JavaScript 中创建三种消息框：警告框、确认框、提示框。 -->
    <!-- 警告框
警告框经常用于确保用户可以得到某些信息。
当警告框出现后，用户需要点击确定按钮才能继续进行操作。 -->
    <!-- window.alert() 方法可以不带上window对象，直接使用alert()方法。 -->

    <input type="button" onclick="myFunction()" value="显示警告框" />
</body>

</html>